<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
	<title></title>

    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">

</head>
<body>
	<nav class="navbar navbar-default" role="navigation">
	    <div class="container">
	    <div class="navbar-header">
	        <a class="navbar-brand" href="#">菜鸟教程</a>
	    </div>
	    <div>
	        <ul class="nav navbar-nav">
	            <li class="active"><a href="#">iOS</a></li>
	            <li><a href="#">SVN</a></li>
	            <li class="dropdown">
	                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
	                    Java
	                    <b class="caret"></b>
	                </a>
	                <ul class="dropdown-menu">
	                    <li><a href="#">jmeter</a></li>
	                    <li><a href="#">EJB</a></li>
	                    <li><a href="#">Jasper Report</a></li>
	                    <li class="divider"></li>
	                    <li><a href="#">分离的链接</a></li>
	                    <li class="divider"></li>
	                    <li><a href="#">另一个分离的链接</a></li>
	                </ul>
	            </li>
	        </ul>
	    </div>
	    </div>
	</nav>
	<div class="container">
	    <div class="row">
			<div id="myCarousel" class="carousel slide" style="width:1180px; overflow:hidden;padding-left:0;padding-right:0;">
			    <!-- 轮播（Carousel）指标 -->
			    <ol class="carousel-indicators">
			        <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
			        <li data-target="#myCarousel" data-slide-to="1"></li>
			        <li data-target="#myCarousel" data-slide-to="2"></li>
			    </ol>   
			    <!-- 轮播（Carousel）项目 -->
			    <div class="carousel-inner">
			         <!--轮播图1-->
			        <div class="item active">
			            	    <!--左-->
						            <div style="display:inline-block; margin-left:-20px">
						              <img src="images/1.1.jpg">
						            </div>
				                <!--中-->   
						            <div style="display:inline-block;margin-left:-5px; vertical-align:top;">
						              <div style="display:inline-block">
						                 <img src="images/1.2.jpg">

						            </div>

						              <div>
						                  <div style="display:inline-block">
						                    <img src="images/1.3.jpg">
						                  </div>
						                  <div style="display:inline-block;margin-left:-5px">
						                    <img src="images/1.4.jpg">
						                  </div>
						              </div>
						            </div>
			                     <!--右-->
						              <div style="display:inline-block; margin-left:-8px;">
						                  <img src="images/1.5.jpg">
						              </div>
			        </div>
			        <!--轮播图2-->
			        <div class="item">
			            	    <!--左-->
						            <div style="display:inline-block; margin-left:-20px">
						              <img src="images/2.1.jpg">
						            </div>
				                <!--中-->   
						            <div style="display:inline-block;margin-left:-5px; vertical-align:top;">
						              <div style="display:inline-block">
						                 <img src="images/2.2.jpg">
						            </div>
						            
						              <div>
						                  <div style="display:inline-block">
						                    <img src="images/2.3.jpg">
						                  </div>
						                  <div style="display:inline-block;margin-left:-5px">
						                    <img src="images/2.4.jpg">
						                  </div>
						              </div>
						            </div>
			                     <!--右-->
						              <div style="display:inline-block; margin-left:-8px;">
						                  <img src="images/2.5.jpg">
						              </div>
			        </div>
			        <!--轮播图3-->
			        <div class="item">
			           	    <!--左-->
						            <div style="display:inline-block; margin-left:-20px">
						              <img src="images/3.1.jpg">
						            </div>
				                <!--中-->   
						            <div style="display:inline-block;margin-left:-5px; vertical-align:top;">
						              <div style="display:inline-block">
						                 <img src="images/3.2.jpg">
						            </div>
						            
						              <div>
						                  <div style="display:inline-block">
						                    <img src="images/3.3.jpg">
						                  </div>
						                  <div style="display:inline-block;margin-left:-5px">
						                    <img src="images/3.4.jpg">
						                  </div>
						              </div>
						            </div>
			                     <!--右-->
						              <div style="display:inline-block; margin-left:-8px;">
						                  <img src="images/3.5.jpg">
						              </div>
			        </div>
			    </div>
				    <!-- 轮播（Carousel）导航 -->
				    <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
				        <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
				        <span class="sr-only">Previous</span>
				    </a>
				    <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
				        <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
				        <span class="sr-only">Next</span>
				    </a>
			</div>
	    </div>
	</div>

	<div class="container]">
	  <div class="row">
	     <div class="col-md-10">
	        <div>
	          <span></span>
	        </div>
	     </div>
	     <div class="col-md-2">
	     </div>
	  </div>
	</div>

	<div class="container">
		<div class="row">
		   <div class="col-md-10" style="margin-left:-16px">
		        <div class="panel panel-default">
				    <div class="panel-heading">
				        不带 title 的面板标题
				    </div>
				    <div class="panel-body">
				        面板内容
				    </div>
				</div>
		   </div>

		   <div class="col-md-2">
		        <div class="panel panel-default" style="width: 206px;">
				    <div class="panel-heading">
				        不带 title 的面板标题
				    </div>
				    <div class="panel-body">
				        面板内容
				    </div>
				</div>
		   </div>
		</div>
	</div>



    <script src="js/jquery3.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="bootstrap/js/bootstrap.min.js"></script>
</body>
</html>